.header{
    display: flex;
}
.header > div {
    width: 50%;
    text-align: center;
    font-size: .3rem;
    color: #999;
    line-height: 1rem;
}
.header > div.active{
    color: #1890ff;
}
.page {
    padding: 0 .3rem;
}
.img-box{
    width: 100%;
    height: 3rem;
}
.img-box > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-content {
    padding: .24rem 0;
}
.article-content p{
    color: #666;
    font-size: .28rem;
}
.article-content img {
    width: 100%;
}
.title{
    width: 100%;
    height: 1rem;
    line-height: .98rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .02rem solid #f8f8f8;
}
.title:active {
    background: rgba(211,211,211,.2);
}
.title > p {
    font-size: .28rem;
    color: #333;
    position: relative;
    z-index: -1;
}
.title > i {
    font-size: .36rem;
    color: #999;
}
.second-list > .title{
    width: 100%;
    height: .8rem;
    line-height: .78rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .02rem solid #f8f8f8;
}
.second-list > .title > p{
    font-size: .26rem;
    margin-left: .3rem;
    color: #666;
    position: relative;
    z-index: -1;
}
.second-list > .title > i {
    font-size: .36rem;
    margin-right: .08rem;
    color: #999;
    position: relative;
    z-index: -1;
}

.third-list > .title {
    width: 100%;
    height: .8rem;
    line-height: .78rem;
    padding: 0 .3rem;
    border-radius: .04rem;
    margin-bottom: .02rem;
    background: #f8f8f8;
    font-size: .24rem;
}
